<div class="container">

<style type="text/css">
	
	.phone{
		width: 375px;
		min-height: 667px; 
		background-color: #eeeeee;
		margin-top: 20px;
		margin-bottom: 20px;
		/*margin: 20px auto;*/
		float: left;
	}

	.ad .btn {
		padding-right: 8px;
		padding-left: 8px;
	}

	/*#ad ol.carousel-indicators, #ad .left, #ad .right {
		display: none;
	}*/

</style>
	
<div class="row">

	


	<div class="col-md-6 mt20">
		<div class="panel panel-info">
			<div class="panel-heading">
				<div class="panel-title fl">轮播图</div>
				<label class="i-switch ml10">
	                <input type="checkbox" 
	                  ng-checked="configure.ad == '1'"
	                  name="ad"
	                  ng-true-value="'1'"
	                  ng-false-value="'0'"
	                  ng-model="configure.ad"
	                >
	                <i></i>
	            </label>
			</div>
			<div class="panel-body ad ">
				<div class="form-horizontal">
				<div class="row">
					<div class="form-group">
					    <label for="inputEmail3" class="col-sm-3 control-label">
					    轮播图高度
					    </label>
					    <div class="col-sm-4">
					      <input type="text" class="form-control" 
					      ng-model="configure.topimgsize"
					      placeholder="轮播图高度">
					    </div>
					</div>
				</div>
				</div>

				<div class="row">
				<div class="col-sm-4" ng-repeat="obj in adlist">
            
		            <img ng-src="{{obj.url}}" class="img-thumbnail " 
		            style="height: 100px; width: 100%;" >

		            <div class="input-group mb10">
				      <input type="text" class="form-control" placeholder="排序"
				      value="{{obj.asort}}" ng-model="obj.asort"
				      >
				      <span class="input-group-btn">
				        <button class="btn btn-success" type="button" 
				        ng-click="adAsort(obj)"
				        >
				        	<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				        </button>
				        <button class="btn btn-info" type="button" 
				        ng-click="adEdit(obj)"
				        >
				        	<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
				        </button>
				        <button class="btn btn-danger" type="button" 
				        ng-click="adRemove(obj)"
				        >
				        	<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
				        </button>
				      </span>
				    </div><!-- /input-group -->
		        </div>
		        </div>
			</div>

			<div class="panel-footer">
				<div class="container-fluid">
				<div class="row">
				<span class="text-info lh2">
					请上传压缩后的图片，并保证宽度，高度一致。
				</span>
				
				<button type="button" class="btn btn-success btn-sm mt-3 ml10 pull-right"
				ng-click="gogogo()"
				>
	            保存
	            </button>
	            <button type="button" class="btn btn-primary btn-sm mt-3 pull-right"
	            ng-click="adCreate()"
	            >
	            创建
	            </button>
	            </div>
	            </div>
			</div>

		</div>

		<div class="panel panel-info">
			<div class="panel-heading">
				<div class="panel-title fl">商城简介</div>
				<label class="i-switch ml10">
	                <input type="checkbox" 
	                  ng-checked="configure.isshow == '1'"
	                  name="isshow"
	                  ng-true-value="'1'"
	                  ng-false-value="'0'"
	                  ng-model="configure.isshow"
	                >
	                <i></i>
	            </label>
			</div>
			
			<textarea class="form-control" rows="3"
			ng-model="configure.describe"
			></textarea>

			<div class="panel-footer">
				<div class="container-fluid">
				<div class="row">
				<span class="text-info lh2">
					商城描述，尽量简单。
				</span>
				<button type="button" class="btn btn-success btn-sm mt-3 ml10 pull-right"
				ng-click="gogogo()"
				>
	            保存
	            </button>
	            </div>
	            </div>
			</div>

		</div>

		<div class="panel panel-info">
			<div class="panel-heading">
				<div class="panel-title fl">分类</div>
				<label class="i-switch ml10">
	                <input type="checkbox" 
	                  ng-checked="configure.type == '1'"
	                  name="type"
	                  ng-true-value="'1'"
	                  ng-false-value="'0'"
	                  ng-model="configure.type"
	                >
	                <i></i>
	            </label>
			</div>
			<div class="panel-body ">
				<div class="form-horizontal">
				<div class="row">
					<div class="form-group">
					    <label for="inputEmail3" class="col-sm-3 control-label">
					    分类图大小
					    </label>
					    <div class="col-sm-4">
					      <input type="text" class="form-control" 
					      ng-model="configure.typeimgsize"
					      placeholder="分类图大小">
					    </div>
					</div>
				</div>
				</div>
			</div>
			<table class="table">
		      <tbody>
		        <tr ng-repeat="obj in typelist">
		          <td class="col-sm-6">
		          	<image ng-src="{{obj.logo}}" 
					class="img-circle mr10"
					style="width: 30px;height: 30px;" >				
					{{obj.type_name}}
				  </td>
		          <td class="col-sm-6">
		          	<div class="input-group">
				      <input type="text" class="form-control" placeholder="排序"
				      value="{{obj.asort}}" ng-model="obj.asort"
				      >
				      <span class="input-group-btn">
				        <button class="btn btn-success" type="button" 
				        ng-click="typeAsort(obj)"
				        >
				        	<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				        </button>
				        <button class="btn btn-info" type="button" 
				        ng-click="typeEdit(obj)"
				        >
				        	<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
				        </button>
				        <button class="btn btn-danger" type="button" 
				        ng-click="typeRemove(obj)"
				        >
				        	<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
				        </button>
				      </span>
				    </div><!-- /input-group -->
		          </td>
		        </tr>
		      </tbody>
		    </table>

		    <div class="panel-footer">
				<div class="container-fluid">
				<div class="row">
				<span class="text-info lh2">
					分类图片请上传正方形图片，尽量压缩。
				</span>
				<button type="button" class="btn btn-success btn-sm mt-3 ml10 pull-right"
				ng-click="gogogo()"
				>
	            保存
	            </button>
	            <button type="button" class="btn btn-primary btn-sm mt-3 pull-right"
	            ng-click="typeCreate()"
	            >
	            创建
	            </button>
	            </div>
	            </div>
			</div>
			
		</div>

		<div class="panel panel-info">
			<div class="panel-heading">
				<span class="panel-title">栏目</span>
			</div>

			<table class="table">
		      <tbody>
		        <tr ng-repeat="obj in columnlist">
		          <td class="col-sm-6">			
					{{obj.column_name}}
				  </td>
		          <td class="col-sm-6">
		          	<div class="input-group">
				      <input type="text" class="form-control" placeholder="排序"
				      value="{{obj.asort}}" ng-model="obj.asort"
				      >
				      <span class="input-group-btn">
				        <button class="btn btn-success" type="button" 
				        ng-click="columnAsort(obj)"
				        >
				        	<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				        </button>
				        <button class="btn btn-info" type="button" 
				        ng-click="columnEdit(obj)"
				        >
				        	<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
				        </button>
				        <button class="btn btn-danger" type="button" 
				        ng-click="columnRemove(obj)"
				        >
				        	<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
				        </button>
				      </span>
				    </div><!-- /input-group -->
		          </td>
		        </tr>
		      </tbody>
		    </table>
			<div class="panel-footer">
				<div class="container-fluid">
				<div class="row">
				<span class="text-info lh2">
					如果栏目中，没有设置产品则不显示该栏目。
				</span>
				<button type="button" class="btn btn-success btn-sm mt-3 ml10 pull-right"
				ng-click="gogogo()"
				>
	            保存
	            </button>
	            <button type="button" class="btn btn-primary btn-sm mt-3 pull-right"
	            ng-click="columnCreate()"
	            >
	            创建
	            </button>
	            </div>
	            </div>
			</div>

		</div>

	</div>

	<div class="col-md-5">
		<div class="phone">
			<div style="background-color: #000; color: #fff; height: 37px; text-align: center; font-size: 16px; line-height: 2em; ">
				{{title}}
			</div>
			<!-- carousel -->
			<div id="ad" ng-show="configure.ad == '1'" >
			<carousel interval="myInterval" >
			  <slide ng-repeat="obj in adlist" >
			    <img ng-src="{{obj.url}}" class="img-full"
			    imageonload="init()"
			     >
			  </slide>
			</carousel>
			</div>
			<!-- / carousel -->
			<div 
			ng-show="configure.isshow == '1'"
			style="padding: 10px; background-color: #fff; 
			font-size: 12px; color: #aaaaaa; text-indent:2em;
			font-family: '微软雅黑';" >
				
				{{configure.describe}}
				
			</div>

			<div id="type" ng-show="configure.type == '1'"
			 style="background-color: #fff; margin-top: 5px; width: 100%; float: left;
			 padding-top: 10px;padding-bottom: 10px;
			 ">
				<div ng-repeat="obj in typelist"
				style="
					width: 20%; 
					float: left;
					text-align: center;
					float: left;
				" >
					<img ng-src="{{obj.logo}}" 
					imageonload="init()"
					style="margin-top: 5px;" >
					<div  
					style="margin-top: 5px; font-size: 12px;" 
					>{{obj.type_name}}</div>
				</div>

			</div>

			<div style="float: left; margin-top: 5px;">
				<img 
				ng-if="configure.mui == '2'"
				src="http://oss.juyouhx.com/weshop/aa1.png" style="width: 100%;">
				<img 
				ng-if="configure.mui == '0'"
				src="http://oss.juyouhx.com/weshop/aa2.png" style="width: 100%;">
				<img 
				ng-if="configure.mui == '1'"
				src="http://oss.juyouhx.com/weshop/aa3.png" style="width: 100%;">
			</div>
		</div>


		<div class="panel panel-info mt20" style="width: 375px;">
			<div class="panel-heading">
				<span class="panel-title">未在栏目中的产品的布局方式</span>
			</div>
			<div class="panel-body ">
				<label 
                class="i-checks  checkbox-inline">
                  <input type="radio" value='1' name='mui'
                  ng-checked="configure.mui == '1'"
                  ng-model="configure.mui"
                  >
                  <i></i>
                  样式一
                </label>
                <label 
                class="i-checks  checkbox-inline">
                  <input type="radio" value='2' name='mui'
                  ng-checked="configure.mui == '2'"
                  ng-model="configure.mui"
                  >
                  <i></i>
                  样式二
                </label>
                <label 
                class="i-checks  checkbox-inline">
                  <input type="radio" value='3' name='mui'
                  ng-checked="configure.mui == '3'"
                  ng-model="configure.mui"
                  >
                  <i></i>
                  样式三
                </label>

                <label 
                class="i-checks  checkbox-inline">
                  <input type="radio" value='4' name='mui'
                  ng-checked="configure.mui == '4'"
                  ng-model="configure.mui"
                  >
                  <i></i>
                  样式四
                </label>
                <label 
                class="i-checks  checkbox-inline">
                  <input type="radio" value='5' name='mui'
                  ng-checked="configure.mui == '5'"
                  ng-model="configure.mui"
                  >
                  <i></i>
                  样式五
                </label>


			</div>
			<div class="panel-footer">
				<div class="container-fluid">
				<div class="row">
				<span class="text-info lh2">
					
				</span>
				<button type="button" class="btn btn-success btn-sm mt-3 ml10 pull-right"
				ng-click="gogogo()"
				>
	            保存
	            </button>
	            </div>
	            </div>
			</div>

		</div>

	</div>


</div>


</div>